.popup-backdrop.backdrop-in {

}

.popup {

  @duration: 400ms;


  transform: translate3d(0, 100%, 0);
  transition-property: none;
  display: block;

  

  &.modal-in {
    animation: ios-popup-in @duration forwards;
  }
  &.modal-out {
    animation: ios-popup-out @duration forwards;
  }
}


@keyframes ios-popup-in {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ios-popup-out {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}